<style>
	.footer{
		position: fixed;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	    height: 2.45rem;
	    background-color: #fff;
	    border-top: .05rem solid #ddd;
	    display: flex;
	    display: -webkit-flex;
	    z-index: 9;
	    box-sizing: border-box;
	}
	.footer a{
		flex: 1;
	    -webkit-flex: 1;
	    padding-top: .3rem;
	    text-align: center;
	}
	.footer a i{
		vertical-align: top;
		margin-bottom: .1rem;
	}
	.footer p {
	    font-size: .55rem;
	    color: #999;
	    text-align: center;
	    line-height: .8rem;
	}
	.footer .active p{
	    color: #FF6600;
	}
</style>
<div class="footer" id="footer">
	<a href="/FrontIndex/sama_index" class="active">
		<i class="nav icon-tuijian-gray3x"></i>
		<p>推荐</p>
	</a>
	<a href="/FrontChannel/channel_index" class="">
		<i class="nav icon-pindao-gray3x"></i>
		<p>频道</p>
	</a>
	<a href="/FrontLive/live_index" class="">
		<i class="nav icon-zhibo-gray3x"></i>
		<p>直播</p>
	</a>
	<a href="/FrontTitle/title_index" class="">
		<i class="nav icon-touxian-gray3x"></i>
		<p>头衔</p>
	</a>
	<a href="/FrontUserCenter/personal" class="">
		<i class="nav icon-wode-gray3x"></i>
		<p>我的</p>
	</a>
</div>